<!DOCTYPE html>

<script>
// 练习的内容: 关系系统结构搭建
// 登录页, 管理页
// 1 登录页, 完成登录接口对接
// 2 管理页面结构,分三个部分, 头部底部50px, 中间板块分左右两个区域, 左侧的菜单栏和右侧的内容区域, 左侧宽度固定200px,右侧内容区域随浏览器大小变化,
// 3 使用路由规则, 完成管理页面的路由嵌套, 内容区域为嵌套的子页面, 左侧菜单栏氛分三个菜单选项,分别是, 首页, 系统, 用户列表,点击左侧菜单栏, 切换内容区域的子页面内容,
// 4 系统登录之后调用获取用户信息接口, 并将用户名(账号)显示在系统的头部右上角
// 5 头部右上角添加一个退出登录按钮, 点击调用退出登录接口
// 6 逻辑: 刷新系统页面的时候, 如果用户未登录, 跳转到登录页, 提示:通过获取用户信息接口来判断,
// 7 使用全局前置守卫的方式实现未登录用户跳转到登录页的功能

// 配置好代理,代理指向域名http://pm_test.zijy.top
// 接口文档:
// 登录接口: /admin/index/login
// 传入参数: username, password, code, code是非必填,如果密码输入错误,需要填写code, 默认账号密码: username: admin, password: zijy2019 (zijy2019需要进行MD5加密,加密之后39c5841c3c6b8f795febbf143628ad94), 
// 获取用户信息: /admin/index/getinfo 
// 退出登录: /admin/index/logout

</script>